<!doctype html>
<html>
<head>
	<meta charset="utf-8">
	<title>聊天机器人</title>
	<link rel="stylesheet" type="text/css" href="ex.css"/>
</head>
<body>
	<div class="container">
		<!--标题区-->
		<header>
			<h2>智障机器人v2版</h2>
		</header>
	<!--对话区-->
		<ul class="message-list">
			<li class="message-list__item message-list__item-robot">
				<div>您好，小主人，我是聊天机器人小二黑，赶快和我聊天试试吧</div>
			</li>

			<!--<li class="message-list__item message-list__item-user">
				<div>吃了吗？</div>
			</li>

			<li class="message-list__item message-list__item-robot">
				<div>吃过拉你呢</div>
			</li>

			<li class="message-list__item message-list__item-user">
				<div>还没有</div>
			</li>

			<li class="message-list__item message-list__item-robot">
				<div>那快吃吧</div>
			</li>

			<li class="message-list__item message-list__item-user">
				<div>好了，我吃完了</div>
			</li>

			<li class="message-list__item message-list__item-robot">
				<div>真棒，吃的好快呀</div>
			</li>-->
		</ul>
		<!--输入区-->
		<form class="send-message">
			<textarea></textarea>
			<button type="button">发送</button>
		</form>
	</div>
	<script src="ex.js"></script>
	
</body>
</html>
